import {getRealSize} from '../utils';

export default {
  base: {
    margin: {
      marginVertical: getRealSize(15),
      marginHorizontal: getRealSize(15),
    },
    padding: {
      paddingVertical: getRealSize(15),
      paddingHorizontal: getRealSize(15),
    },
    mv: {
      marginVertical: getRealSize(16),
    },
    mh: {
      marginHorizontal: getRealSize(15),
    },
    pv: {
      paddingVertical: getRealSize(15),
    },
    ph: {
      paddingHorizontal: getRealSize(15),
    },
    mt: {
      marginTop: getRealSize(15),
    },
    mb: {
      marginBottom: getRealSize(15),
    },
    ml: {
      marginLeft: getRealSize(15),
    },
    mr: {
      marginRight: getRealSize(15),
    },
  },
  small: {
    margin: {
      marginVertical: getRealSize(8),
      marginHorizontal: getRealSize(8),
    },
    padding: {
      paddingVertical: getRealSize(8),
      paddingHorizontal: getRealSize(8),
    },
    mv: {
      marginVertical: getRealSize(8),
    },
    mh: {
      marginHorizontal: getRealSize(8),
    },
    pv: {
      paddingVertical: getRealSize(8),
    },
    ph: {
      paddingHorizontal: getRealSize(8),
    },
    mt: {
      marginTop: getRealSize(8),
    },
    mb: {
      marginBottom: getRealSize(8),
    },
    ml: {
      marginLeft: getRealSize(8),
    },
    mr: {
      marginRight: getRealSize(8),
    },
  },
  large: {
    margin: {
      marginVertical: getRealSize(28),
      marginHorizontal: getRealSize(28),
    },
    padding: {
      paddingVertical: getRealSize(28),
      paddingHorizontal: getRealSize(28),
    },
    mv: {
      marginVertical: getRealSize(28),
    },
    mh: {
      marginHorizontal: getRealSize(28),
    },
    pv: {
      paddingVertical: getRealSize(28),
    },
    ph: {
      paddingHorizontal: getRealSize(28),
    },
    mt: {
      marginTop: getRealSize(28),
    },
    mb: {
      marginBottom: getRealSize(28),
    },
    ml: {
      marginLeft: getRealSize(28),
    },
    mr: {
      marginRight: getRealSize(28),
    },
  },
  flex: {
    center: {
      alignItems: 'center',
      justifyContent: 'center',
      textAlign: 'center',
    },
    horizontalCenter: {
      alignItems: 'center',
    },
    row: {
      flexDirection: 'row',
    },
    end: {
      justifyContent: 'flex-end',
    },
    between: {
      justifyContent: 'space-between',
    },
    1: {
      flex: 1,
    },
    2: {
      flex: 2,
    },
  },
  position: {
    absolute: {
      position: 'absolute',
    },
    t: {top: getRealSize(15)},
    r: {right: getRealSize(15)},
    l: {left: getRealSize(15)},
    b: {bottom: getRealSize(15)},
  },
  box: {
    borderColor: '#E8E8E8',
    borderWidth: 1,
    borderRadius: getRealSize(4),
    backgroundColor: '#f6f6f6',
  },
  hidden: {
    display: 'none',
  },
};
